Page({

    /**
     * 页面的初始数据
     */
    data: {
        value: "",
        categoryTitle: [{
                id: "1",
                name: "分类ID"
            },
            {
                id: "2",
                name: "分类名称"
            },
            {
                id: "3",
                name: "操作"
            },
        ],
        categoryList: []
    },
    /**
     * 自定义函数
     */
    //搜索框函数
    onChange(e) {
        this.setData({
            value: e.detail,
        });
    },
    onClick() {
        console.log('搜索:' + this.data.value);
    },
    onClear() {
        this.getCategoryList()
    },
    //获取商品数据
    getCategoryList() {
        wx.request({
            url: 'http://localhost:8080/category/1/50',
            method: "GET",
            success: (res => {
                console.log(res.data.data.list);
                this.setData({
                    categoryList: res.data.data.list
                })
            })
        })
    },
    // 删除分类数据
    deleteData(e) {
        var id = e.currentTarget.dataset.index
        wx.showModal({
            title: '提示',
            content: '此操作将永久删除数据，是否继续？',
            success: (res => {
                var that = this
                if (res.confirm) {
                    wx.request({
                        url: 'http://localhost:8080/category/' + id,
                        method: "DELETE",
                        success(res) {
                            wx.showToast({
                                title: '删除成功！！！',
                                duration: 1000
                            })
                            that.getCategoryList()
                        }
                    })
                } else if (res.cancel) {
                    wx.showToast({
                        title: '取消',
                        duration: 1000
                    })
                }
            })
        })
    },


    //操作函数
    onEdit(e) {
        console.log("编辑id:", e.currentTarget.dataset.id)
        const id = e.currentTarget.dataset.id
        wx.request({
            url: 'http://localhost:8080/category/' + id,
            method: 'GET',
            success: (res => {
                console.log(res.data)
                this.setData({
                    form: res.data
                })
            })
        })
        this.showPopup()
    },
    // 添加弹窗
    addData() {
        this.showAddPopup()
    },
    showPopup() {
        this.setData({
            show: true
        });
    },
    showAddPopup() {
        this.setData({
            showAdd: true
        })
    },
    onClose() {
        this.setData({
            show: false,
            form: []
        });
    },
    onAddClose() {
        this.setData({
            showAdd: false,
        })

    },
    submit(e) {
        console.log(e.detail.value)
        wx.request({
            url: 'http://localhost:8080/category/',
            method: 'PUT',
            data: e.detail.value,
            success: (res => {
                console.log(res)
                wx.showToast({
                    title: '更新成功！！！',
                    duration: 1000
                })
            })
        })
        this.getCategoryList()
        this.refreshData()
        this.onClose()
    },
    // 添加用户信息
    addSubmit(e) {
        console.log(e.detail.value);
        wx.request({
            url: 'http://localhost:8080/category/',
            method: 'POST',
            data: e.detail.value,
            success: (res => {
                console.log("添加的数据", res);
                wx.showToast({
                    title: '添加成功！！！',
                    duration: 1000,
                })
            })
        })
        this.getCategoryList()
        this.refreshData()
        this.onAddClose()
    },


    // 刷新页面数据
    refreshData() {
        wx.showLoading({
            title: '成功！！！',
            success: (res => {
                this.getCategoryList()
            })
        })
        setTimeout(function () {
            wx.hideLoading()
        }, 500)
    },


    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        this.getCategoryList()
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})